<template>
    <div class="empty">

        <div id="empty">
            <img src="@/assets/images/error-icon.svg" />
            <h2><slot>空列表</slot></h2>
        </div>

    </div>
</template>

<script>
export default {
    name: "empty"
}
</script>

<style scoped lang="less">
    @import "@/theme.less";
    .empty{
        position: relative;
        width: 100%;
        height: 100%;
        font-size: @font-max;
        color: @font-color1;
        #empty{
            position: absolute;
            top:50%;
            transform: translateY(-50%);
            width: 100%;
            img{
                width: 200px;
                display: block;
                margin: 0 auto;
            }
            h2{
                text-align: center;
                margin-top: 20px;
            }
        }
    }
</style>
